<!-- 填报生产订单 -->
<template>
  <div class="app-container"
    style="background: #f3f6f9;height: 100%;overflow-y: scroll;position: relative;margin: -20px;">

    <div class="shadow"
      style="display: flex;align-items: center;justify-content: space-between;background: #fff;width: 100%;padding: 15px;position: sticky;top: 0;left: 0;z-index: 2;">
      <div style="display: flex;align-items: center;justify-content: center;">
        <i class="el-icon-back" style="font-size: 24px;margin-right: 10px;" @click="pageBack()"></i>
        <div style="font-size: 16px;margin-right: 30px;">【填报生产订单】</div>
        <div style="font-size: 16px;">采购订单号：61159648244</div>
      </div>
      <el-button size="mini" type="danger" icon="el-icon-close" style="font-size: 18px;font-weight: 700;" @click="pageBack()"></el-button>
    </div>

    <div class="shadow"
      style="display: flex;align-items: center;background: #fff;margin: 15px;padding: 15px;border-radius: 5px;">
      <div style="width: 30%;font-size: 14px;">
        <span>实际完成日期</span>
        <span style="font-weight: 500;margin-left: 10px;">--</span>
      </div>
      <div style="width: 30%;font-size: 14px;">
        <span>质量追溯码</span>
        <span style="font-weight: 500;margin-left: 10px;">dsds</span>
      </div>
    </div>

    <div class="shadow" style="margin: 15px;border-radius: 5px;background: #fff;padding: 15px;">
      <el-collapse v-model="activeName" accordion>
        <el-collapse-item name="1">
          <template slot="title">
            <div
              style="display: flex;align-items: center;justify-content: space-between;width: calc(100% - 15px);padding-right: 15px;">
              <div class="hbox">
                <div class="hboxxian"></div>
                <div class="hboxhcss">
                  报工
                </div>
                <i class="el-icon-warning" style="margin-left: 10px;font-size: 20px;color: #E6A23C;"></i>
              </div>
            </div>
          </template>

          <div style="display: flex;align-items: flex-start;justify-content: space-between;">
            <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="90px">
              <el-form-item label="报工批次号" prop="subclassCode">
                <el-input v-model="queryParams.subclassCode" placeholder="请输入报工批次号" clearable
                  @keyup.enter.native="handleQuery" />
              </el-form-item>
              <el-form-item label="工序" prop="categoryCode">
                <el-input v-model="queryParams.categoryCode" placeholder="请输入工序" clearable
                  @keyup.enter.native="handleQuery" />
              </el-form-item>
              <el-form-item label="设备" prop="eipMatCode">
                <el-input v-model="queryParams.eipMatCode" placeholder="请输入设备" clearable
                  @keyup.enter.native="handleQuery" />
              </el-form-item>
              <el-form-item>
                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
              </el-form-item>
            </el-form>
            <el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAdd(1)">新增报工</el-button>
          </div>

          <el-table border v-loading="loading" :data="dataList" ref="table" max-height="350px">
            <el-table-column label="报工批次号" align="center" prop="num" />
            <el-table-column label="工序"  align="center" prop="production" />
            <el-table-column label="设备" align="center" prop="device" />
            <el-table-column label="开始时间"  align="center" prop="startTime" />
            <el-table-column label="结束时间"  align="center" prop="endTime" />
            <el-table-column label="报工地址" align="center" prop="area" />
            <el-table-column label="操作" align="center" width="200" fixed="right" class-name="small-padding fixed-width">
              <template slot-scope="scope">
                <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(1,scope.row)"
                  v-hasPermi="['develop:GoodsFundBack:edit']">修改</el-button>
                <el-popconfirm :title="`确认删除当前数据项？`" @confirm="handleDelete(1,scope.row)" style="margin-left: 10px;">
                  <el-button slot="reference" size="mini" type="text" icon="el-icon-delete"
                    v-hasPermi="['develop:GoodsFundBack:remove']">删除</el-button>
                </el-popconfirm>
              </template>
            </el-table-column>
          </el-table>

          <pagination style="margin-bottom: 30px;" :total="total" :page.sync="queryParams.pageNum"
            :limit.sync="queryParams.pageSize" @pagination="getList" />
        </el-collapse-item>
      </el-collapse>
    </div>

    <div class="shadow" style="margin: 15px;border-radius: 5px;background: #fff;padding: 15px;">
      <el-collapse v-model="activeName1" accordion>
        <el-collapse-item name="1">
          <template slot="title">
            <div
              style="display: flex;align-items: center;justify-content: space-between;width: calc(100% - 15px);padding-right: 15px;">
              <div class="hbox">
                <div class="hboxxian"></div>
                <div class="hboxhcss">
                  生产试验感知
                </div>
              </div>
            </div>
          </template>
          <div style="display: flex;align-items: center;justify-content: space-between;">
            <div :class="isIndex == index ? 'li2' : 'li1'" v-for="(item,index) in list" :key="index"
              @click="onIndex(index)">
              <div>
                <div style="font-size: 12px;">第{{index == 0 ? '一' : index == 1 ? '二' : index == 2 ? '三' : '四'}}步</div>
                <div style="display: flex;align-items: center;">
                  <span style="font-size: 14px;font-weight: 500;">{{item}}</span>
                  <i class="el-icon-warning" style="margin-left: 10px;font-size: 18px;color: #E6A23C;"></i>
                </div>
              </div>
              <div :class=" isIndex == index ? 'hcss1' : 'hcss'">0{{index+1}}</div>
            </div>
          </div>
          <div v-if="isIndex == 0" style="padding: 10px 5px;">
            <div style="margin-bottom: 10px;">
              <el-button size="mini" icon="el-icon-warning" :plain="isButton == 1"
                @click="onButtons(1)">铝材(绝缘铝材)</el-button>
              <el-button size="mini" icon="el-icon-warning" :plain="isButton == 2"
                @click="onButtons(2)">辅材(紧牢件、预绞丝)</el-button>
            </div>
            <el-button size="mini" type="primary" icon="el-icon-plus" @click="handleAdd(2)">新增原材料检</el-button>
            <el-table key="table0" style="margin-top: 15px;" v-loading="loading1" :data="dataList1" ref="table"
              max-height="350px">
              <el-table-column label="原材料编号" align="center" prop="num" />
              <el-table-column label="原材料名称" align="center" prop="name">
                <template slot-scope="scope">
                  {{isButton == 1 ? '铝材' : '辅材'}}{{scope.row.name}}
                </template>
              </el-table-column>
              <el-table-column label="原材料类型" align="center" prop="type">
                <template slot-scope="scope">
                  {{isButton == 1 ? '铝材' : '辅材'}}、{{scope.row.type}}
                </template>
              </el-table-column>
              <el-table-column label="原材料批次号" align="center" prop="batch" />
              <el-table-column label="品牌" align="center" prop="brand" />
              <el-table-column label="计量单位" align="center" prop="unit" />
              <el-table-column label="操作" align="center" width="200" fixed="right"
                class-name="small-padding fixed-width">
                <template slot-scope="scope">
                  <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(2,scope.row)"
                    v-hasPermi="['develop:GoodsFundBack:edit']">修改</el-button>
                  <el-popconfirm :title="`确认删除当前数据项？`" @confirm="handleDelete(2,scope.row)" style="margin-left: 10px;">
                    <el-button slot="reference" size="mini" type="text" icon="el-icon-delete"
                      v-hasPermi="['develop:GoodsFundBack:remove']">删除</el-button>
                  </el-popconfirm>
                </template>
              </el-table-column>
            </el-table>

            <pagination style="margin-bottom: 30px;" :total="total1" :page.sync="queryParams.pageNum"
              :limit.sync="queryParams.pageSize" @pagination="getList1" />
          </div>
          <div v-if="isIndex == 1" style="padding: 10px 5px;">
            <div style="margin-bottom: 10px;">
              <el-button size="mini" icon="el-icon-warning" :plain="true">生产过程</el-button>
            </div>
            <el-button size="mini" type="primary" icon="el-icon-plus" @click="handleAdd(3)">新增过程检</el-button>
            <el-table key="table1" style="margin-top: 15px;" v-loading="loading1" :data="dataList1" ref="table"
              max-height="350px">
              <el-table-column label="过程检编号" align="center" prop="num" />
              <el-table-column label="产品名称" align="center" prop="name"  show-overflow-tooltip/>
              <el-table-column label="产品型号" align="center" prop="model" />
              <el-table-column label="生产批次号" align="center" prop="batch" />
              <el-table-column label="加工方式(本体)" align="center" prop="way" />
              <el-table-column label="加工件数(本体)" align="center" prop="workpieceNum" />
              <el-table-column label="生产完成时间" align="center" prop="dataTime" />
              <el-table-column label="操作" align="center" width="200" fixed="right"
                class-name="small-padding fixed-width">
                <template slot-scope="scope">
                  <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(3,scope.row)"
                    v-hasPermi="['develop:GoodsFundBack:edit']">修改</el-button>
                  <el-popconfirm :title="`确认删除当前数据项？`" @confirm="handleDelete(2,scope.row)" style="margin-left: 10px;">
                    <el-button slot="reference" size="mini" type="text" icon="el-icon-delete"
                      v-hasPermi="['develop:GoodsFundBack:remove']">删除</el-button>
                  </el-popconfirm>
                </template>
              </el-table-column>
            </el-table>
            <pagination style="margin-bottom: 30px;" :total="total1" :page.sync="queryParams.pageNum"
              :limit.sync="queryParams.pageSize" @pagination="getList1" />
          </div>
          <div v-if="isIndex == 2" style="padding: 10px 5px;">
            <div style="margin-bottom: 10px;">
              <el-button size="mini" icon="el-icon-warning" :plain="isButton == 3"
                @click="onButtons(3)">抽样检查</el-button>
              <el-button size="mini" icon="el-icon-warning" :plain="isButton == 4"
                @click="onButtons(4)">外观检查</el-button>
              <el-button size="mini" icon="el-icon-warning" :plain="isButton == 5"
                @click="onButtons(5)">尺寸检查</el-button>
              <el-button size="mini" icon="el-icon-warning" :plain="isButton == 6"
                @click="onButtons(6)">镀锌质量</el-button>
              <el-button size="mini" icon="el-icon-warning" :plain="isButton == 7"
                @click="onButtons(7)">机械试验</el-button>
            </div>
            <el-button size="mini" type="primary" icon="el-icon-plus" @click="handleAdd(4)">新增试验</el-button>
            <el-table key="table2" style="margin-top: 15px;" v-loading="loading1" :data="dataList1" ref="table"
              max-height="350px">
              <el-table-column label="项目" align="center" prop="project" />
              <el-table-column label="订单" align="center" prop="order" />
              <el-table-column label="商品" align="center" prop="goods" />
              <el-table-column label="抽查批次号" align="center" prop="checkNum" />
              <el-table-column label="生产批次号" align="center" prop="produceNum" />
              <el-table-column label="检验时间" align="center" prop="dataTime" >
                <template slot-scope="scope">
                  <span>{{ parseTime(scope.row.dataTime, '{y}-{m}-{d}') }}</span>
                </template>
              </el-table-column>
              <el-table-column label="抽样数量" align="center" prop="checkNum1" />
              <el-table-column label="批次生产总数" align="center" prop="produceNum1" />
              <el-table-column label="操作" align="center" width="200" fixed="right"
                class-name="small-padding fixed-width">
                <template slot-scope="scope">
                  <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(4,scope.row)"
                    v-hasPermi="['develop:GoodsFundBack:edit']">修改</el-button>
                  <el-popconfirm :title="`确认删除当前数据项？`" @confirm="handleDelete(2,scope.row)" style="margin-left: 10px;">
                    <el-button slot="reference" size="mini" type="text" icon="el-icon-delete"
                      v-hasPermi="['develop:GoodsFundBack:remove']">删除</el-button>
                  </el-popconfirm>
                </template>
              </el-table-column>
            </el-table>
            <pagination style="margin-bottom: 30px;" :total="total1" :page.sync="queryParams.pageNum"
              :limit.sync="queryParams.pageSize" @pagination="getList1" />
          </div>
          <div v-if="isIndex == 3" style="padding: 10px 5px;">
            <el-button size="mini" type="primary" icon="el-icon-plus" @click="handleAdd(5)">新增成品信息</el-button>
            <el-table key="table3" style="margin-top: 15px;" v-loading="loading1" :data="dataList1" ref="table"
              max-height="350px">
              <el-table-column label="产品名称" align="center" prop="name"  show-overflow-tooltip/>
              <el-table-column label="规格型号" align="center" prop="specifications" />
              <el-table-column label="电压等级" align="center" prop="level" />
              <el-table-column label="数量" align="center" prop="num" />
              <el-table-column label="入库时间" align="center" prop="dataTime" />
              <el-table-column label="检验结果" align="center" prop="result" />
              <el-table-column label="发货状态" align="center" prop="shipmentStatus" />
              <el-table-column label="发货时间" align="center" prop="shipmentTime" />
              <el-table-column label="备注" align="center" prop="notes" />
              <el-table-column label="操作" align="center" width="200" fixed="right"
                class-name="small-padding fixed-width">
                <template slot-scope="scope">
                  <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(5,scope.row)"
                    v-hasPermi="['develop:GoodsFundBack:edit']">修改</el-button>
                  <el-popconfirm :title="`确认删除当前数据项？`" @confirm="handleDelete(2,scope.row)" style="margin-left: 10px;">
                    <el-button slot="reference" size="mini" type="text" icon="el-icon-delete"
                      v-hasPermi="['develop:GoodsFundBack:remove']">删除</el-button>
                  </el-popconfirm>
                </template>
              </el-table-column>
            </el-table>
            <pagination style="margin-bottom: 30px;" :total="total1" :page.sync="queryParams.pageNum"
              :limit.sync="queryParams.pageSize" @pagination="getList1" />
          </div>
        </el-collapse-item>
      </el-collapse>
    </div>
    <ReportingForWorkForm ref="reportingForWorkForm" @ok="getList" />
    <RawMaterialTestingForm ref="rawMaterialTestingForm" @ok="getList1" />
    <ProductionProcessAndProcessTestingForm ref="productionProcessAndProcessTestingForm" @ok="getList1" />
    <FactoryTestForm ref="factoryTestForm" @ok="getList1" />
    <FinishedProductStorageForm ref="finishedProductStorageForm" @ok="getList1" />
  </div>
</template>

<script>
  import ReportingForWorkForm from '@/views/develop/factory/module/ReportingForWorkForm'
  import RawMaterialTestingForm from '@/views/develop/factory/module/RawMaterialTestingForm'
  import ProductionProcessAndProcessTestingForm from '@/views/develop/factory/module/ProductionProcessAndProcessTestingForm'
  import FactoryTestForm from '@/views/develop/factory/module/FactoryTestForm'
  import FinishedProductStorageForm from '@/views/develop/factory/module/FinishedProductStorageForm'
  export default {
    name: 'ProduceOrderPage',
    components: {
      ReportingForWorkForm,
      RawMaterialTestingForm,
      ProductionProcessAndProcessTestingForm,
      FactoryTestForm,
      FinishedProductStorageForm
    },
    data() {
      return {
        isButton: 1,
        list: ['原材料、组部件检测', '生产工艺及过程检测', '出厂试验', '成品入库'],
        isIndex: 0,
        total: 0,
        total1: 0,
        loading: true,
        loading1: true,
        activeName: '1',
        activeName1: '1',
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          subclassCode: '60004',
          categoryCode: '60',
          eipMatCode: ''
        },
        dataList: [],
        dataList1: []
      }
    },
    created() {
      this.getList();
      this.getList1();
    },
    methods: {
      onButtons(e){
        this.isButton = e;
        this.getList1();
      },
      onIndex(e) {
        this.isIndex = e
        this.getList1();
      },
      /** 搜索按钮操作 */
      handleQuery() {
        this.queryParams.pageNum = 1;
        this.getList();
        this.getList1();
      },
      /** 重置按钮操作 */
      resetQuery() {
        this.resetForm("queryForm");
        this.handleQuery();
      },
      /** 新增按钮操作 */
      handleAdd(e) {
        if (e == 1) {
          this.$refs.reportingForWorkForm.handleAdd();
        }else if(e == 2){
          this.$refs.rawMaterialTestingForm.handleAdd();
        }else if(e == 3){
          console.log('222');
          this.$refs.productionProcessAndProcessTestingForm.handleAdd();
        }else if(e == 4){
          this.$refs.factoryTestForm.handleAdd();
        }else{
          this.$refs.finishedProductStorageForm.handleAdd();
        }
      },
      /** 修改按钮操作 */
      handleUpdate(e, row) {
        if (e == 1) {
          row.id = 1
          this.$refs.reportingForWorkForm.handleUpdate(row);
        }else if(e == 2){
          row.id = 1
          this.$refs.rawMaterialTestingForm.handleUpdate(row);
        }else if(e == 3){
          row.id = 1
          this.$refs.productionProcessAndProcessTestingForm.handleUpdate(row);
        }else if(e == 4){
          row.id = 1
          this.$refs.factoryTestForm.handleUpdate(row);
        }else{
          row.id = 1
          row.shipmentStatus=='待发货'
          row.shipmentTime = ''
          this.$refs.finishedProductStorageForm.handleUpdate(row);
        }
      },
      /** 删除按钮操作 */
      handleDelete(e, row) {
        this.$modal.msgSuccess("删除成功");
        if (e == 1) {
          this.getList()
        } else {
          this.getList1()
        }
      },
      /** 查询物料列表 */
      getList() {
        this.loading = true;
        setTimeout(() => {
          this.dataList = [{
              num: 'XIDOU9081S1',
              production: '23',
              device: '闸机',
              startTime: '2023-10-12',
              endTime: '2023-10-13',
              area: '山东省济宁市嘉祥县'
            },
            {
              num: 'XIDOU9081S2',
              production: '11',
              device: '继电器',
              startTime: '2023-12-12',
              endTime: '2023-12-30',
              area: '山东省济宁市嘉祥县'
            },
            {
              num: 'XIDOU9081S3',
              production: '23',
              device: '电镀机',
              startTime: '2024-01-12',
              endTime: '2024-01-14',
              area: '山东省济宁市嘉祥县'
            },
            {
              num: 'XIDOU9081S4',
              production: '1',
              device: '造影车床',
              startTime: '2024-01-30',
              endTime: '2024-02-02',
              area: '山东省济宁市嘉祥县'
            },
            {
              num: 'XIDOU9081S5',
              production: '45',
              device: '高炉',
              startTime: '2024-02-09',
              endTime: '2024-03-10',
              area: '山东省济宁市嘉祥县'
            },
            {
              num: 'XIDOU9081S6',
              production: '98',
              device: '印染机',
              startTime: '2024-02-08',
              endTime: '2024-02-09',
              area: '山东省济宁市嘉祥县'
            },
            {
              num: 'XIDOU9081S7',
              production: '8',
              device: '反应器',
              startTime: '2024-01-21',
              endTime: '2024-01-30',
              area: '山东省济宁市嘉祥县'
            },
            {
              num: 'XIDOU9081S8',
              production: '57',
              device: '电机',
              startTime: '2024-02-02',
              endTime: '2024-02-03',
              area: '山东省济宁市嘉祥县'
            },
            {
              num: 'XIDOU9081S9',
              production: '78',
              device: '粘合自动化设备',
              startTime: '2024-04-02',
              endTime: '2024-04-03',
              area: '山东省济宁市嘉祥县'
            },
            {
              num: 'XIDOU9081Y1',
              production: '13',
              device: '精加工车床',
              startTime: '2024-02-12',
              endTime: '2024-02-19',
              area: '山东省济宁市嘉祥县'
            },
          ]
          this.total = this.dataList.length;
          this.loading = false;
        }, 1000)
      },
      /** 查询物料列表 */
      getList1() {
        this.loading1 = true;
        setTimeout(() => {
          if (this.isIndex == 0) {
            this.dataList1 = [{
                num: 'UIDIU101',
                name: '液压控制杆',
                type: '金属杆',
                batch: 'YMD20241001',
                brand: 'XIAOMI',
                unit: 'KG'
              },
              {
                num: 'UIDIU102',
                name: '液压控制杆',
                type: '金属杆',
                batch: 'YMD20241002',
                brand: 'XIAOMI',
                unit: 'KG'
              },
              {
                num: 'UIDIU103',
                name: '液压控制杆',
                type: '金属杆',
                batch: 'YMD20241003',
                brand: 'XIAOMI',
                unit: 'KG'
              },
              {
                num: 'UIDIU104',
                name: '液压控制杆',
                type: '金属杆',
                batch: 'YMD20241004',
                brand: 'XIAOMI',
                unit: 'KG'
              },
              {
                num: 'UIDIU105',
                name: '液压控制杆',
                type: '金属杆',
                batch: 'YMD20241005',
                brand: 'XIAOMI',
                unit: 'KG'
              },
              {
                num: 'UIDIU106',
                name: '液压控制杆',
                type: '金属杆',
                batch: 'YMD20241006',
                brand: 'XIAOMI',
                unit: 'KG'
              },
              {
                num: 'UIDIU107',
                name: '液压控制杆',
                type: '金属杆',
                batch: 'YMD20241007',
                brand: 'XIAOMI',
                unit: 'KG'
              },
              {
                num: 'UIDIU108',
                name: '液压控制杆',
                type: '金属杆',
                batch: 'YMD20241008',
                brand: 'XIAOMI',
                unit: 'KG'
              },
              {
                num: 'UIDIU109',
                name: '液压控制杆',
                type: '金属杆',
                batch: 'YMD20241009',
                brand: 'XIAOMI',
                unit: 'KG'
              },
              {
                num: 'UIDIU110',
                name: '液压控制杆',
                type: '金属杆',
                batch: 'YMD20241011',
                brand: 'XIAOMI',
                unit: 'KG'
              }
            ]
          } else if (this.isIndex == 1) {
            this.dataList1 = [{
                num: 'DJGY2024M10D10S001',
                name: '电缆交插接头',
                model: '接头',
                batch: 'Y2024M10D10S001',
                way: '车床精加工',
                workpieceNum: '201',
                dataTime: '2024-10-10'
              },
              {
                num: 'DJGY2024M10D10S002',
                name: '电缆交插接头',
                model: '接头',
                batch: 'Y2024M10D10S001',
                way: '车床精加工',
                workpieceNum: '201',
                dataTime: '2024-10-10'
              },
              {
                num: 'DJGY2024M10D10S003',
                name: '电缆交插接头',
                model: '接头',
                batch: 'Y2024M10D10S003',
                way: '车床精加工',
                workpieceNum: '201',
                dataTime: '2024-10-10'
              },
              {
                num: 'DJGY2024M10D10S004',
                name: '电缆交插接头',
                model: '接头',
                batch: 'Y2024M10D10S004',
                way: '车床精加工',
                workpieceNum: '201',
                dataTime: '2024-10-10'
              },
              {
                num: 'DJGY2024M10D10S005',
                name: '电缆交插接头',
                model: '接头',
                batch: 'Y2024M10D10S005',
                way: '车床精加工',
                workpieceNum: '201',
                dataTime: '2024-10-10'
              },
              {
                num: 'DJGY2024M10D10S006',
                name: '电缆交插接头',
                model: '接头',
                batch: 'Y2024M10D10S006',
                way: '车床精加工',
                workpieceNum: '201',
                dataTime: '2024-10-10'
              },
              {
                num: 'DJGY2024M10D10S007',
                name: '电缆交插接头',
                model: '接头',
                batch: 'Y2024M10D10S007',
                way: '车床精加工',
                workpieceNum: '201',
                dataTime: '2024-10-10'
              },
              {
                num: 'DJGY2024M10D10S008',
                name: '电缆交插接头',
                model: '接头',
                batch: 'Y2024M10D10S008',
                way: '车床精加工',
                workpieceNum: '201',
                dataTime: '2024-10-10'
              },
              {
                num: 'DJGY2024M10D10S009',
                name: '电缆交插接头',
                model: '接头',
                batch: 'Y2024M10D10S009',
                way: '车床精加工',
                workpieceNum: '201',
                dataTime: '2024-10-10'
              },
              {
                num: 'DJGY2024M10D10S010',
                name: '电缆交插接头',
                model: '接头',
                batch: 'Y2024M10D10S010',
                way: '车床精加工',
                workpieceNum: '201',
                dataTime: '2024-10-10'
              }
            ]
          } else if (this.isIndex == 2) {
            this.dataList1 = [{
                project: 'C9746839',
                order: 'C7204',
                goods: '连接器具',
                checkNum: 'CJ468319204',
                produceNum: 'B451200',
                dataTime: '2024-11-05 00:00:00',
                checkNum1: '200',
                produceNum1: '9510'
              },
              {
                project: 'C9746839',
                order: 'C7204',
                goods: '光缆',
                checkNum: 'CJ468349204',
                produceNum: 'B452300',
                dataTime: '2024-10-05 00:00:00',
                checkNum1: '10',
                produceNum1: '510'
              },
              {
                project: 'C9746839',
                order: 'C7204',
                goods: '电缆',
                checkNum: 'CJ468394204',
                produceNum: 'B451200',
                dataTime: '2024-11-15 00:00:00',
                checkNum1: '30',
                produceNum1: '4510'
              },
              {
                project: 'C9746839',
                order: 'C7204',
                goods: '交换机',
                checkNum: 'CJ468392104',
                produceNum: 'B452040',
                dataTime: '2024-04-05 00:00:00',
                checkNum1: '200',
                produceNum1: '8510'
              },
              {
                project: 'C9746839',
                order: 'C7204',
                goods: '转接器',
                checkNum: 'CJ468329204',
                produceNum: 'B452300',
                dataTime: '2024-11-13 00:00:00',
                checkNum1: '60',
                produceNum1: '3510'
              },
              {
                project: 'C97462839',
                order: 'C7204',
                goods: '闸机',
                checkNum: 'CJ468329204',
                produceNum: 'B452200',
                dataTime: '2024-06-05 00:00:00',
                checkNum1: '200',
                produceNum1: '11510'
              },
              {
                project: 'C9746839',
                order: 'C7204',
                goods: '保险丝',
                checkNum: 'CJ468392044',
                produceNum: 'B452020',
                dataTime: '2024-01-25 00:00:00',
                checkNum1: '100',
                produceNum1: '1510'
              },
              {
                project: 'C9746839',
                order: 'C7204',
                goods: '保险丝',
                checkNum: 'CJ468392044',
                produceNum: 'B452001',
                dataTime: '2024-11-05 00:00:00',
                checkNum1: '190',
                produceNum1: '4020'
              },
              {
                project: 'C9746839',
                order: 'C7204',
                goods: '连接器具',
                checkNum: 'CJ468392043',
                produceNum: 'B452001',
                dataTime: '2024-12-05 00:00:00',
                checkNum1: '80',
                produceNum1: '1110'
              },
              {
                project: 'C9746839',
                order: 'C7204',
                goods: '电闸',
                checkNum: 'CJ468392042',
                produceNum: 'B452003',
                dataTime: '2024-04-15 00:00:00',
                checkNum1: '50',
                produceNum1: '5510'
              },
              {
                project: 'C9746839',
                order: 'C7204',
                goods: '闸机',
                checkNum: 'CJ468392042',
                produceNum: 'B452001',
                dataTime: '2024-11-05 00:00:00',
                checkNum1: '200',
                produceNum1: '1210'
              }
            ]
          } else {
            this.dataList1 = [{
              name: '电缆',
              specifications: '—14*2米*9米',
              level: '360V',
              num: '154',
              dataTime: '2024-10-21',
              result: '合格',
              shipmentStatus: '待发货',
              shipmentTime: '--',
              notes: '暂无备注'
            }]
          }
          this.total1 = this.dataList1.length;
          this.loading1 = false;
        }, 1000)
      },

      /** 返回上一页 */
      pageBack(){
        this.$router.back();
      }


    }
  }
</script>

<style scoped lang="scss">
  .shadow {
    box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.05);
  }

  .li1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 25%;
    margin: 0 5px;
    padding: 0px 10px;
    box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.05);
    border: 1px solid #EBEEF5;
    background: #fff;
    border-radius: 5px;
    color: #333;
    transition: all .5s;
  }

  .li2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 25%;
    margin: 0 5px;
    padding: 0px 20px;
    box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.05);
    border: 1px solid #1890ff;
    background: #e8f4ff;
    border-radius: 5px;
    color: #1890ff;
    transition: all .5s;
  }

  .hcss {
    font-size: 42px;
    font-weight: 700;
    background: -webkit-linear-gradient(#C0C4CC, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
  }

  .hcss1 {
    font-size: 42px;
    font-weight: 700;
    background: -webkit-linear-gradient(#409EFF, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
  }

  ::v-deep .el-collapse-item__wrap,
  ::v-deep .el-collapse,
  ::v-deep .el-collapse-item__header {
    border: none;
  }

  ::v-deep .el-collapse-item__content {
    padding-bottom: 0;
  }

  .hbox {
    display: flex;
    align-items: center;
  }

  .hboxhcss {
    font-size: 16px;
    color: #333;
    font-weight: 600;
  }

  .hboxxian {
    width: 5px;
    height: 18px;
    background: #1890ff;
    margin-right: 5px;
    border-radius: 2px;
  }
</style>
